import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            resolvers: [ElementPlusResolver()],
        }),
    ],
    base: './', // 设置打包路径
    // server: {
    //     open: true, // 设置服务启动时是否自动打开浏览器
    //     cors: true, // 允许跨域

    //     // 设置代理，根据我们项目实际情况配置
    //     proxy: {
    //         '/api': {
    //             target: 'https://messln.cn',
    //             changeOrigin: true,
    //             secure: false,
    //         },
    //     },
    // },
    resolve: {
        alias: {
            '@': path.resolve(__dirname, 'src'),
        },
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
    },
    css: {
        preprocessorOptions: {
            less: {
                modifyVars: {
                    // 此处也可设置直角、边框色、字体大小等
                    'primary-color': '#ff6400',
                },
                javascriptEnabled: true,
            },
        },
    },
});
